$(function () {
    $.ajax({
        type: "get",
        url: "http://193.112.55.79:9090/api/getcategorytitle",
        // data: "data",
        dataType: "json",
        success: function (result) {
            console.log(result)
            var html = template("clTemlate",result);
            console.log(html);
            $(".lis-nav").html(html);
        }
    });
    $(".lis-nav").on("click", "li", function () {
        var titleid = $(this).attr("titleId");
        // console.log(titleid);
        var lis = $(this);
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getcategory",
            data: {
                titleid: titleid
            },
            dataType: "json",
            success: function (result) {
                console.log(result);
                var html = template("lisTemlate", result);
                console.log(html);
                lis.children("ul").html(html).toggle();
                lis.siblings().children("ul").hide();
            }
        });
    })
})